<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>bit社团</title>
    <link rel="stylesheet" href="css/通用样式.css">
    <link rel="stylesheet" href="css/picture.css">
    <link rel="stylesheet" href="css/框架规格.css">
    <link rel="stylesheet" href="css/框架编排.css">
</head>

<body>
    <header>
        <nav>
            <ul class="show-around">
                <li><a href="kaifa.html">部门介绍</a></li>
                <li><a href="apply/index.html">我要报名</a></li>
                <li><a href="https://jq.qq.com/?_wv=1027&k=54PrRB1">加入QQ群</a></li>
            </ul>
        </nav>
        <h1>bit社团</h1>
        <p class="special">设计与技术爱好者的聚集地</p>
        <aside class="remove">
            <span class="javascript">JavaScript</span>
            <span class="java">Java</span>
            <span class="c">C/C++</span>
            <span class="photoshop">Photoshop</span>
        </aside>
    </header>
    <main>
        <article>
            <h2>您能学到</h2>
            <section class="study1">
                <span class="d_study">01</span>
                <div>
                    <h3>
                        <span class="v_study">UI</span>
                        设计
                    </h3>
                    <p class="mainp">UI的中文是用户界面设计。界面设计是一个复杂的有不同学科参与的工程，认知心理学、设计学、语言学等在此都扮演着重要的角色。</p>
                </div>
            </section>
            <section class="study2">
                <span class="d_study">02</span>
                <div>
                    <h3 class="left">
                        <span class="v_study">前端</span>
                        开发
                    </h3>
                    <p class="mainp">你所能够触摸感受的事物，都是前端。就好比你现在看到的这个页面。这个页面经由设计师设计完成，后交接给前端实现。</p>
                </div>
            </section>
            <section class="study3">
                <span class="d_study">03</span>
                <div>
                    <h3>
                        <span class="v_study">后端</span>
                        开发
                    </h3>
                    <p class="mainp">服务器端的核心技术。你所感受不到的提交数据、如提交你所选的课、如提交购买的哪一班火车票，这些都是由后端来进行处理。</p>
                </div>
            </section>
            <section class="study4">
                <span class="d_study">04</span>
                <div>
                    <h3 class="left">
                        <span class="v_study">网络</span>
                        技术
                    </h3>
                    <p class="mainp">网络把互联网上分散的资源融为整体，实现资源的全面共享和协作，使人们能够透明地使用资源的整体能力并按需获取信息。</p>
                </div>
            </section>
            <section class="study5">
                <span class="d_study">05</span>
                <div>
                    <h3>
                        <span class="v_study">移动</span>
                        开发
                    </h3>
                    <p class="mainp">移动开发也称为手机开发，或叫做移动互联网开发。是指以手机、PDA、UMPC等便携终端为基础，进行相应的开发工作。</p>
                </div>
            </section>
        </article>
        <article>
            <h2>我们的部门</h2>
            <section class="frame"><a class="introduction1" href="kaifa.html"></a></section>
            <section class="frame"><a class="introduction2" href="gongguan.html"></a></section>
            <section class="frame"><a class="introduction3" href="zuzhi.html"></a></section>
            <section class="frame"><a class="introduction4" href="neiwu.html"></a></section>
        </article>
    </main>
</body>

</html>